<template>
	<section>
		<back :title="'备份'" :type='2'></back>
		<p style="height: 0.5rem;"></p>
		<header>
			<li><img src="../../static/img/icon.png" /></li>
			<li>0 Ether</li>
			<li>0x1fE4edf...Fd3ee1Ada</li>
		</header>
		<article>
			<p class="backupsP" style="border-bottom: none;">钱包名称</p>
			<p class="backupsP" style="font-weight: 500;">zkq2017</p>
			<p class="backupsP" style="border-bottom: none;">密码提示</p>
			<p class="backupsP" style="font-weight: 500;">这是密码提示</p>
		</article>
		<rightArrow>
			<p>修改密码</p>
		</rightArrow>
		<p style="height: 0.1rem;"></p>
		<rightArrow>
			<p>导出秘钥</p>
			<p>导出keystore</p>
		</rightArrow>
	</section>
</template>

<script>
	//	import { homeGet } from '../common/comfn';
	import rightArrow from '../com/rightArrow.vue';
	import back from '../com/back.vue';
	export default {
		data() {
			return {}
		},
		components: {
			back,
			rightArrow
		},
		methods: {},
		created: function() {},
		mounted: function() {}
	}
</script>

<style scoped="scoped">
	article {
		background-color: #FFFFFF;
		padding-left: 0.15rem;
		overflow: hidden;
	}
	header{
		padding-bottom: 0.1rem;
	}
	header li {
		list-style: none;
		text-align: center;
		margin-top: 0.1rem;
		margin-bottom: 0.1rem;
	}
	
	.backupsP {
		line-height: 0.4rem;
		padding-left: 0.1rem;
		border-bottom: 1px solid #E8E8E8;
		font-size: 0.12rem;
		font-weight: bold;
		padding-right: 0.15rem;
	}
	
	.backupsP label {
		float: right;
		font-weight: 500;
	}
</style>